<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>填写订单</title>
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css//base.css">
    <link rel="stylesheet" href="./css/orders.css">
</head>
<body>
    <!-- ---------------------主体内容：滑动查看 -->
    <div class="main">
        <!-- ----------用户信息区域 -->
        <div class="user-msg pannel">
            <div class="location"><i class="iconfont icon-location"></i></div>
            <div class="user">
                <div class="top"><h5>李明</h5><span>15922227790</span></div>
                <div class="bottom">北京市  海淀区  中关村软件园   信息科技大厦1号
                楼410#   </div>
            </div>
            <div class="more"><i class="iconfont icon-more"></i></div>
        </div>
         <!-- ----------商品区域 -->
         <div class="pannel goods">
             <div class="pic"><a href="#"><img src="./uploads/pic.png" alt=""></a></div>
             <div class="info">
                 <h5>康尔贝 非接触式红外体温仪
                    领券立减30元 婴儿级材质 测温…
                 </h5>
                 <p>
                     <span>粉色</span>
                     <span>红外体温计</span>
                 </p>
                 <div class="price">
                     <span class="red">￥<i>266</i></span>
                     <span>￥<i>299</i></span>
                 </div>

             </div>
             <div class="count"><i class="iconfont icon-x"></i><span>1</span></div>
         </div>
          <!-- ----------配送方式区域 -->
          <section class="pannel rest">
           <div >
               <h5>配送方式</h5>
               <p>顺丰快递</p>
           </div>
           <div >
            <h5>卖家备注</h5>
            <p class="description">希望可以尽快发货，谢谢~</p>
           </div>
           <div >
            <h5>支付方式</h5>
            <p>支付宝<i class="iconfont icon-more"></i></p>
           </div>
          </section>
           <!-- ----------商品总价区域 -->
           <section class="pannel price-details">
            <div >
                <h5>商品总价</h5>
                <p>￥299.00</p>
            </div>
            <div >
             <h5>运费</h5>
             <p>￥0.00</p>
            </div>
            <div >
             <h5>折扣</h5>
             <p class="red">-￥<i>30.00</i></p>
            </div>
           </section>
    </div>
    <!-- ---------------------定单支付 固定底部按钮 -->
    <div class="pay">
        <!-- 左侧合计 -->
        <div class="left">
            合计<span class="red">￥<i>266.00</i></span>
        </div>
        <!-- 右侧去支付 -->
        <div class="right">
            <a href="#">去支付</a>
        </div>
    </div>
</body>
</html>